<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" th:href="@{/res/css/amazeui.min.css}">
		<link rel="stylesheet" th:href="@{/res/css/admin.css}">
	</head>

	<body>

		<div class="admin-content-body">
			<div class="am-cf am-padding am-padding-bottom-0">
				<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">角色管理</strong><small></small></div>
			</div>

			<hr>



			<div class="am-g" style="margin-top: 5px;">
				<div class="am-u-sm-12">

					<form class="am-form">
						<table class="am-table am-table-striped am-table-hover table-main">
							<thead>
								<tr>
									<th class="table-id">
										序号
									</th>

									<th>
										角色名称
									</th>
									<th class="table-title">
										角色描述
									</th>

									<th class="table-set">
										操作
									</th>
								</tr>
							</thead>
							<tbody id="tUser">
								<tr>
									<td>1</td>
									<td>
										<a href="javascript:void(0)" style="color: black">品牌商</a>
									</td>
									<td>拥有品牌商权限</td>
									<td>
										<div class="am-btn-toolbar">
											<div class="am-btn-group am-btn-group-xs">
												<button type="button" onclick="distribute(1);" class="am-btn am-btn-default am-btn-xs am-hide-sm-only">
													<span class="am-icon-copy"></span> 分配权限</button>
											</div>
	 									</div>
									</td>
								</tr>
								<tr>
									<td>2</td>
									<td>
										<a href="javascript:void(0)" style="color: black">借卖方</a>
									</td>
									<td>拥有借卖方权限</td>
									<td>
										<div class="am-btn-toolbar">
											<div class="am-btn-group am-btn-group-xs">
												<button type="button" onclick="distribute(2);" class="am-btn am-btn-default am-btn-xs am-hide-sm-only">
													<span class="am-icon-copy"></span> 分配权限</button>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>3</td>
									<td>
										<a href="javascript:void(0)" style="color: black">管理员</a>
									</td>
									<td>拥有管理员权限</td>
									<td>
										<div class="am-btn-toolbar">
											<div class="am-btn-group am-btn-group-xs">
												<button type="button" onclick="distribute(3);" class="am-btn am-btn-default am-btn-xs am-hide-sm-only">
													<span class="am-icon-copy"></span> 分配权限</button>
											</div>
										</div>
									</td>
								</tr>

							</tbody>
						</table>

					</form>
				</div>
			</div>
		</div>

		</div>
		<!-- content end -->
		</div>
		</div>


		<script th:src="@{/js/jquery-1.11.3.min.js}"></script>
		<script th:src="@{/myplugs/js/plugs.js}"></script>
		<script>

			function distribute(id) {
                $.jq_Panel({
                    title: "权限管理",
                    iframeWidth: 500,
                    iframeHeight: 360,
                    url: "/menu_distribute?type=" + id
                });
			}
		</script>
	</body>

</html>